Side sheets 側邊彈出層

Standard side sheet  標準側頁

1 divider(optional)2 Headline 3 Container 4 Close affordance
Attribute  屬性Value  值
Start/end padding  起始/結束填充24dp
Padding between top elements頂部元素之間的內邊距12dp
Bottom actions height  底部操作欄高度72dp
Bottom actions top padding底部操作的頂部間距16dp
Bottom actions bottom padding底部操作欄底部內邊距24dp
Bottom actions alignment (horizontal)底部操作的對齊方式(水平)Left  左對齊
Max-width  最大寬度400dp
Margins (when detached)  邊距(當分離時)16dp

Modal side sheet  模態側邊欄

1 Back icon button(optional)2 Header 3 Container 4 Close icon buttion 5 Divider(optional)6 Action(optional)7Scrim
Attribute  屬性Value  值
Start/end padding  起始/結束內邊距24dp
Start padding with icon  帶圖示的起始內邊距16dp
Padding between top elements頂部元素之間的內邊距12dp
Bottom actions height  底部操作欄高度72dp
Bottom actions top padding底部操作欄頂部內邊距16dp
Bottom actions bottom padding底部操作欄底部內邊距24dp
Bottom actions alignment (horizontal)底部操作欄對齊方式(水平)Left  左對齊
Max-width  最大寬度400dp
Margins (when detached)  邊距(分離時)16dp